<!doctype html>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <title>Carrot Search Circles - interactive visualization of hierarchical data structures</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <link rel="stylesheet" type="text/css" href="assets/css/fill.css" />
  </head>

  <body>
    <div id="main">
      <div id="viscontainer">
        <img width="32" height="32" title="" alt="" src="" />
      </div>
    </div>

    <script type="text/javascript" src="assets/js/json2.js"></script>
    <script type="text/javascript" src="assets/js/error-handler.js"></script>

    <script type="text/javascript" src="assets/js/carrotsearch.circles.js"></script>
    <script type="text/javascript" src="assets/js/swt-to-visualization.js"></script>

    <!-- Embed the visualization. -->
    <script type="text/javascript">//<![CDATA[
      embedWhenReady(function() {
          window.vis = new CarrotSearchCircles({
            id: "viscontainer",
            captureMouseEvents: false,
            pixelRatio: Math.min(1.5, window.devicePixelRatio || 1),
            
            titleBar: "inscribed",
            titleBarTextColor: "#555",
            groupOutlineColor: "#fff",
            groupFontFamily: "Tahoma, Arial, sans-serif",
            groupMinFontSize: "8",
            groupMaxFontSize: "25",
            ratioAngularPadding: 0.2,
            labelColorThreshold: 0.2,
            groupLinePadding: 1,
            groupLabelDecorator: function(opts, props, vars) {
              vars.labelText = vars.labelText.toLocaleUpperCase();
            },
        
            rolloutTime: 0.75,
            rolloutAnimation: "implode",
    
            rainbowStartColor: "hsla(  0, 100%, 50%, 0.6)",
            rainbowEndColor:   "hsla(300, 100%, 50%, 0.6)",
        
            onModelChanged: [
                function() {
                  this.set("open", {all: true, open: true});
                },         
                function() {
                  // Wrap in JS with a dummy function so that arguments are not passed
                  // to SWT (this causes errors on a Mac).
                  swt_onModelChanged();
                }
            ],
    
            onGroupSelectionChanged: function(selection) {
                swt_onGroupSelectionChanged(selection.groups.map(function(g) { return g.id; }));
            }
          });
    
          // The visualization should be loaded and ready by now.
          swt_onVisualizationLoaded();
      });
    //]]></script>
  </body>
</html>
